<div class='mkt-page-holiday-gift-card'>

  <svg height='0' style='position: absolute' width='0'>
    <symbol id='svg-add-tiny' viewbox='0 0 8 8'>
      <path clip-rule='evenodd' d='M4.0005 0C3.44794 0 3 0.447939 3 1.0005V3H1C0.447715 3 0 3.44772 0 4V4C0 4.55228 0.447715 5 1 5H3V6.9995C3 7.55206 3.44794 8 4.0005 8V8C4.55306 8 5.001 7.55206 5.001 6.9995V5H7C7.55228 5 8 4.55228 8 4V4C8 3.44772 7.55228 3 7 3H5.001V1.0005C5.001 0.447939 4.55306 0 4.0005 0V0Z' fill-rule='evenodd'></path>
    </symbol>
    <symbol id='svg-minus-tiny' viewbox='0 0 8 2'>
      <rect height='2' rx='1' width='8'></rect>
    </symbol>
    <symbol id='svg-checkmark-tiny' viewbox='0 0 8 8'>
      <path d='M3.30913 8C3.0158 8 2.73358 7.88442 2.52358 7.67438L0.32583 5.47599C-0.10861 5.04257 -0.10861 4.34021 0.32583 3.90569C0.760269 3.47116 1.46248 3.47116 1.89692 3.90569L3.16913 5.17835L5.98574 0.462633C6.34352 -0.0341285 7.03573 -0.149706 7.53683 0.20814C8.03572 0.565985 8.14905 1.26056 7.79128 1.75843L4.21134 7.53769C4.01245 7.81663 3.68357 8 3.30913 8Z'></path>
    </symbol>
    <symbol id='svg-alert-tiny' viewbox='0 0 2 8'>
      <path clip-rule='evenodd' d='M0 4V1C0 0.354858 0.447754 0 1 0C1.55225 0 2 0.354858 2 1V4C2 4.64514 1.55225 5 1 5C0.447754 5 0 4.64514 0 4ZM2 7C2 7.55225 1.55225 8 1 8C0.447754 8 0 7.55225 0 7C0 6.44775 0.447754 6 1 6C1.55225 6 2 6.44775 2 7Z' fill-rule='evenodd'></path>
    </symbol>
  </svg>

  <section class='hero'>
    <div class='wrapper md-flex'>
      <div class='md-col-6 pb4'>
        <h1 class='h500 neutralsolid800 -font-extra-bold'>Na wakacje,</h1>
        <h2 class='h700 pb4 -font-extra-bold primary500'>podaruj życzliwość swoim programistom.</h2>
        <h3 class='h300 pb4 neutralsolid800'>Zaoferuj swoim programistom 👩🏾‍💻👨🏼‍💻 kartę podarunkową, którą będą mogli zrealizować na swoim ulubionym projekcie o otwartym źródle. ❤️</h3>
        <p class='pb4'>Twoi programiści dokonali w tym roku wspaniałych rzeczy. Nie byłoby to możliwe bez wsparcia społeczności wspierających open source. Dzięki temu mogą się rozwijać, ponownie wykorzystywać narzędzia, biblioteki oraz moduły tak, aby nie musieli na nowo wynajdywać koła i mogli skupić się na zaspokojeniu Twoich określonych potrzeb.</p>
        <p class='pb1 -font-bold neutralsolid800'>Często zadawane pytania</p>
        <details class='pb1'>
          <summary class='pb1 neutralsolid800 caption -font-medium'>
            Co się stanie, jeśli karty podarunkowe nie zostaną zrealizowane?
            <svg height='8' width='8'>
              <use class='closed-icon' xlink:href='#svg-add-tiny'></use>
              <use class='open-icon' xlink:href='#svg-minus-tiny'></use>
            </svg>
          </summary>
          <p class='pb1 caption neutralsolid600'>Opłata jest Tobie naliczana tylko po realizacji karty podarunkowej. Jeśli przekażesz 10 swoim pracownikom karty podarunkowe o wartości 50$ każda, a tylko 8 z nich zostanie zrealizowanych, wówczas zapłacisz tylko 400$.</p>
        </details>
        <details class='pb1'>
          <summary class='pb1 neutralsolid800 caption -font-medium'>
            Czy otrzymam fakturę?
            <svg height='8' width='8'>
              <use class='closed-icon' xlink:href='#svg-add-tiny'></use>
              <use class='open-icon' xlink:href='#svg-minus-tiny'></use>
            </svg>
          </summary>
          <p class='pb1 caption'>Tak, otrzymasz prawidłową skonsolidowaną miesięczną fakturę od <a href='https://opencollective.com/opensource'>Open Source Collective 501c6.</a></p>
        </details>
        <details class='pb1'>
          <summary class='pb1 neutralsolid800 caption -font-medium'>
            Czy mają one datę ważności?
            <svg height='8' width='8'>
              <use class='closed-icon' xlink:href='#svg-add-tiny'></use>
              <use class='open-icon' xlink:href='#svg-minus-tiny'></use>
            </svg>
          </summary>
          <p class='pb1 caption'>Domyślnie karty podarunkowe tracą ważność po 3 miesiącach, ale możesz określić własną datę ważności. Jeśli do tego czasu nie zostaną zrealizowane, stają się nieaktywne. Nigdy Cię nie obciążymy, jeśli nie zostaną one zrealizowane.</p>
        </details>
        <details class='pb1'>
          <summary class='pb1 neutralsolid800 caption -font-medium'>
            Wręczono mi kartę podarunkową, czy muszę wydać całą jej kwotę za jednym razem?
            <svg height='8' width='8'>
              <use class='closed-icon' xlink:href='#svg-add-tiny'></use>
              <use class='open-icon' xlink:href='#svg-minus-tiny'></use>
            </svg>
          </summary>
          <p class='pb1 caption'>Nie, możesz zrealizować swoją kartę podarunkową z dowolną kwotą na dowolny kolektyw do momentu, aż jest na niej wystarczająco dużo środków.</p>
        </details>
        <details class='pb1'>
          <summary class='pb1 neutralsolid800 caption -font-medium'>
            Kto zostanie wyświetlony jako darczyńca? Moja firma czy mój pracownik?
            <svg height='8' width='8'>
              <use class='closed-icon' xlink:href='#svg-add-tiny'></use>
              <use class='open-icon' xlink:href='#svg-minus-tiny'></use>
            </svg>
          </summary>
          <p class='pb1 caption'>Oboje! Osoba, której została przekazana karta podarunkowa wybiera kolektywy, które chce wesprzeć. Jednak ich darowizna wykaże, że użyli karty podarunkowej prezentowanej przez Twoją firmę, a Twoja firma również pojawi się jako sponsora zbiórki. Zobacz na przykład <a href='https://opencollective.com/triplebyte'>Triplebyte</a>, które pojawia się jako sponsor <a href='https://opencollective.com/electron'>Electron</a>.</p>
        </details>
      </div>
      <div class='md-col-6 form-col'>
        <div class='form-wrapper'>
        <div>
          <div class='gift-card-wrapper'>
            <div class='gift-card'>
              <div class='gift-card-text'>
                <p class='white100'>Utwórz organizację już teraz i zacznij wydawać karty podarunkowe!</p>
              </div>
              <svg class='gift-card-svg' height='81px' preserveAspectRatio='xMidYMax meet' viewbox='0 0 288 81' width='100%'>
                <g fill-rule='evenodd' fill='none' stroke-width='1' stroke='none'>
                <path d='M288,12.4570165 L288,81.0000165 L0,81.0000165 L0,56.2650165 C177.12,69.4070165 120.24,-3.60588353 288,12.4570165 Z' fill='#FFFFFF'></path>
                <path d='M0,53.9550165 C135.72,56.2140165 109.8,-25.8974835 288,8.37871647 C288,9.13201647 288,11.4933165 288,13.0000165 C123,-4.49998353 177.12,69.7740165 0,56.2140165 C0,12.5219165 0,55.8380165 0,53.9550165 Z' fill-opacity='0.48' fill-rule='nonzero' fill='#FFFFFF' opacity='0.4'></path>
                <path d='M0,11.5714165 C106.2,11.5714165 161.64,51.8360165 288,35.2790165 C288,30.7630165 288,54.8470165 288,57.8570165 C280.44,57.8570165 32.4,57.8570165 0,57.8570165 C0,14.2056165 0,13.4529165 0,11.5714165 Z' fill-opacity='0.48' fill-rule='nonzero' fill='#FFFFFF' opacity='0.24'></path>
                </g>
              </svg>
            </div>
          </div>
          <div class='sm-flex create-org-btn-container'>
            <a href="https://opencollective.com/organizations/new">
              <button class='btn -large -primary w100'>Utwórz organizację</button>
            </a>
          </div>
        </div>
        </div>
      </div>
    </div>
  </section>

</div>
